table{
    table-layout: fixed;
    border: 1px black solid;
    word-wrap: break-word;
    border-collapse: collapse;
    width:100%;
    font-size: 18px;
    text-align: center;
    margin: 10px auto;
}
Table tr:first-child{
    background-color:coral;
}
td{
    border: 1px black solid;
}
#paperContainer{
    width:50%;
    font-size: 18px;
    margin: 10px auto;
    background-color: rgb(203, 239, 239);

}
#thisPaper li{
    list-style-type: none;
    width: 60%;
    padding-left: 20px;
    margin: 2px 0px;
    border-radius: 2px;
    background-color: rgb(36, 160, 209);
    color: white;
    
}
#thisPaper ul li:first-child{
    width: 80%;
    border-radius: 5px;
    background-color: orange;
    margin-top: 20px;
}
#thisPaper ul input[type=number]{
    width: 50px;
    height: 25px;
    background-color: rgb(236, 132, 98);
    border: none;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

#thisPaper ul li:last-child{
    border-radius: 5px;
    width: 30%;
    background-color: rgb(38, 214, 56);
    margin-top: 10px;
    line-height: 30px;
}

#totalPointSave{
    width: 150px;
    height: 30px;
    font-size: 20px;
    border-radius: 10px;
    background-color: rgb(14, 146, 240);
    margin: 10px 0px 10px calc(100% - 170px) ;
    transition: all 0.5s;
}
#totalPointSave:hover{
    width: 170px;
    height: 40px;
    background-color: brown;
}